<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title><{$title}></title>
	<meta charset="UTF-8" http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no">
<style>
#header{position:relative;background-color:#18d5d7;min-height: 2.6rem;width: 100%;text-align: center;border-bottom:1px solid #7fe3e5;}
#header.ulinenone{border-bottom:0;}
#header>div:first-child{margin-left:1.5rem;position:absolute;left: 0;top: 25%;z-index: 1;width: 1.8rem;height: 1.8rem;}
.back:before{display:block;content:"";width: 1rem;height: 1rem;transform:translate(0,-50%) rotate(45deg);-webkit-transform:translate(0,-50%) rotate(45deg);border:solid #fff;border-width:0 0 2px 2px;margin-top:50%;}
#header .title{color: #fff;font-size: 1.0rem;font-weight: bold;line-height: 2.6rem;}
.content{padding:1rem 1.5rem;width:100%;overflow:hidden;box-sizing:border-box;}
.content img{max-width:100%;}
</style>
</head>
<body style="margin:0;padding:0;background:#f4f4f4;">
<header id="header" class="ulinenone">
    <div class="back" onclick="history.go(-1);"></div>
    <div class="title"><{$title}></div>
</header>
<div class="content">
	<{$content}>
</div>

<script>
window.onload = function() { 
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == "micromessenger"){
	document.getElementById("header").style.display="none";
}
}; 
</script>
</body>
</html>